<template>
	<view class="box">
		
		<image v-for="v in value" :style="{width:size+'px',height:size+'px'}" 
		 :src="imgUrl+'/shopDetails/star.png'"
		 
		 mode=""></image>
		<image v-for="k in (5-value)"  :style="{width:size+'px',height:size+'px'}" src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/start.png" mode=""></image>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				nowArr:[],
				imgUrl: this.$mConfig.staticUrl,
			}
		},
		props:{
			size:{
				type:Number|String,
				default:15
			},
			value:{
				type:Number|String,
				default:4
			}
		},
		watch:{
		},
	}
</script>

<style lang="scss">
	.box{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		image{
		}
	}
</style>